<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
        <link rel="stylesheet" type="text/css" href="/../static/css/style.css" />
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>
            Route Running Application
        </title>
        <script type="text/javascript" src="http://www.google.com/jsapi?key={{api_key}}"></script>
        <script type="text/javascript" charset="utf-8">
            google.load("maps", "2.x",{"other_params":"sensor=true"});
        </script>
        <script type="text/javascript" src="/static/js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript" src="/static/js/jquery.validate.min.js"></script>
    </head>
    <body onunload="GUnload()">
        <div id="contents">
            <div class="header_bar" id="header_bar">
                <a href="/">Home</a> |

                {% if username %}
                Hello {{ username }}! 
                <a href="/settings/">Settings</a> |
                <a href="/signout/">Sign Out</a> |
                {% else %}
                <a href="/signin/">Sign In</a> |
                {% endif %}
                <a href="/about/">About</a> |
                <a href="/help/">Help</a>                
            </div>
            <div class="main_body" id="main_body">
                <noscript>This application uses Google Maps and requires that JavaScript is enabled.</noscript>
                {% block content %}
                {% endblock %}
            </div>
            <div class="footer_bar" id="footer_bar">
                <span>&copy; 2009 Mark Lavin</span>
                
            </div>
        </div>
    </body>
</html>
